<template>
  <div class="dashboard-container">

    <div class="calendar">
      <el-card>
        <workcalendar />
      </el-card>
    </div>
    <div class="right"><el-card /></div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  components: {
    workcalendar: () => import('@/views/dashboard/components/work-calendar.vue')
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
    display: flex;
    .calendar{
      flex: 4;

    }
    .right{
      flex:3
    }
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
